<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- 使用双花括号(double-mustache)进行 HTML 转义插值(HTML-escaped interpolation) -->
   <!-- <title>{{ title }}</title> -->

   <!-- 使用三花括号(triple-mustache)进行 HTML 不转义插值(non-HTML-escaped interpolation) -->
   <!-- {{{ metas }}} -->

   <!-- 使用vue meta 定制 html -->
   {{{ meta.inject().title.text() }}}
   {{{ meta.inject().meta.text() }}}

  <!-- vue ssr 打包后，会根据routers中设置组件的加载方式来分割代码 -->
  <!-- 并对同步加载的组件通过link的预加载方式来获取资源，此时只是获取资源，并不会执行脚本中的代码 -->
  <!-- 并对不在当前路由下异步加载的组件进行异步加载，该加载方式只会在浏览器空闲的时候进行加载，减少浏览器阻塞 -->
   <!-- <link rel="preload" href="/dist/app.js" >
   <link rel="prefetch" href="/dist/0.js" >
   <link rel="prefetch" href="/dist/1.js" > -->

  <!-- 异步加载的脚本，会插入到header中进行执行 -->
  <!-- <script src="/dist/0.js"></script> -->
</head>
<body>
  <!--vue-ssr-outlet-->

  <!-- 同步加载的脚本，通过script标签来执行脚本内容 -->
  <!-- <script src="/dist/app.js" defer></script> -->
</body>
</html>